<template>
  <div class="dashboard-container">
    <div class="app-container">
      <!-- 自定义组件，标题 -->
      <PageTitle :show-before="true">
        <template v-slot:before>
          <h2>简历信息导出</h2>
        </template>
      </PageTitle>
      <div class="content">
        <el-form ref="form" label-width="100px">
          <el-form-item label="添加时间">
            <div class="block">
              <el-date-picker
                v-model="value1"
                type="daterange"
                range-separator="至"
                start-placeholder="开始日期"
                end-placeholder="结束日期"
              >
              </el-date-picker>
            </div>
          </el-form-item>
          <el-form-item label="性别">
            <el-select placeholder="不限">
              <el-option
                v-for="item in gender"
                :key="item.id"
                :label="item.name"
                :value="item.id"
              >
              </el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="学历">
            <el-select placeholder="不限">
              <el-option
                v-for="item in educational"
                :key="item.id"
                :label="item.name"
                :value="item.id"
              >
              </el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="工作经验">
            <el-select placeholder="不限">
              <el-option
                v-for="item in workExperience"
                :key="item.id"
                :label="item.name"
                :value="item.id"
              >
              </el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="导出条数">
            <el-select placeholder="100">
              <el-option
                v-for="item in exportTotal"
                :key="item.id"
                :label="item.name"
                :value="item.id"
              >
              </el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="开始位置">
            <el-input-number
              v-model="num"
              controls-position="right"
              @change="handleChange"
              :min="1"
              :max="10"
            ></el-input-number>
          </el-form-item>
          <el-form-item>
            <el-button type="primary">保存</el-button>
          </el-form-item>
        </el-form>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      num: 1,
      gender:[
        {id:1,name:'不限'},
        {id:2,name:'男'},
        {id:3,name:'女'},
      ],
      educational: [
        { id: 1, name: "不限" },
        { id: 2, name: "初中" },
        { id: 3, name: "高中" },
        { id: 4, name: "中技" },
        { id: 5, name: "中专" },
        { id: 6, name: "大专" },
        { id: 7, name: "本科" },
        { id: 7, name: "硕士" },
        { id: 7, name: "博士" },
        { id: 7, name: "博后" },
      ],
      workExperience: [
        { id: 1, name: "不限" },
        { id: 2, name: "应届生" },
        { id: 3, name: "1年" },
        { id: 4, name: "2年" },
        { id: 5, name: "3年" },
        { id: 6, name: "3-5年" },
        { id: 7, name: "5-10年" },
        { id: 8, name: "10年以上" },
      ],
      exportTotal: [
        { id: 1, name: "100" },
        { id: 2, name: "200" },
        { id: 3, name: "500" },
        { id: 4, name: "800" },
        { id: 5, name: "1000" },
      ],
    };
  },
  methods: {
    handleChange() {},
  },
};
</script>

<style scoped>
.content {
  padding: 20px;
}
</style>
